<template>
  <div id="sidebar" class="dark">
    <div class="sidebar-header">
      <Header />
    </div>
    <div class="sidebar-body">
      <Body />
    </div>
    <div class="sidebar-footer">
      <Footer />
    </div>
  </div>
</template>

<script lang="ts" setup>
import Header from './header.vue'
import Body from './body.vue'
import Footer from './footer.vue'

defineProps<{ msg: string }>()
</script>

<style>
</style>
